<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/venue.css">
</head>
<body>
<div id="table">
    <ul id="head"></ul>
    <div id="rows"></div>
</div>

<div id="hoverMessage">
    <div class="arrow"></div>
    <div id="message"></div>
</div>

<ul id="contextmenu">
   <li class="item">预约</li>
   <li class="item">停用</li>
</ul>
<div class="form">
    <ul>
        <li>
            姓名：<input type="text" id="name" placeholder="只能用中文名">
            <span class="tips"></span>
        </li>
        <li>
            第几号场馆：
            <select name="" id="field"></select>
            <span class="tips"></span>
        </li>
        <li>
            今天开始时间:
            <input type="text" id="startTime" placeholder="开馆时间08:00">
            格式例如：08:15。注意！时间位数不足两位前面必须添加一个0
            <span class="tips"></span>
        </li>
        <li>
            今天结束时间:
            <input type="text" id="endTime" placeholder="闭馆时间20:00">
            格式例如：12:01
            <span class="tips" id="timeTips"></span>
        </li>
        <li>
            当然你也可以自定义信息:
            <input type="text" id="customize">
        </li>
    </ul>
</div>
<button id="bt">提交</button>
<a href="https://gitee.com/duanjinqiu/ZiJiXieDejsChaJian/tree/master/体育场馆选择场地" target="_blank">查看gitee项目</a>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/venue.js"></script>
</body>
</html>